iT邦幫忙

2021 iThome 鐵人賽

DAY 10
0
Modern Web

JavaScript 筆記 2 版系列 第 10

JavaScript Day10 - 函式

  • 分享至 

  • xImage
  •  

函式(function)

  • 可參考:Day08 - 函數(01)
  • 重複的內容會以函式來定義,來減少重工與方便維護
  • 函式內的內容可以放函式
  • 函式定義內容後,需要輸入函式名稱才會執行
  • 輸入:可以設定函式執行時需要的參數
  • 輸出:若有 return,就可以回傳值,並跳出函式(不執行後續內容)
    • 搭配 if else 等判斷,可設定多個 return
function funname(參數){
// funname 為自行定義的名稱
// function 的內容

return 值 // 有需要回傳的值
}

funname(); // 有這個才會執行 funname 的內容
function add(num1, num2){
    let sum = num1 + num2;
    return sum
}

add(1, 3) // 4

let total = add(3, 5);
console.log(total) // 8

ES6:Default parameters (預設參數)

  • 在參數的地方使用 = 值,來設定預設值,這樣在未輸入時就會以預設值為主
function multiply(a, b = 1) {
  return a * b;
}

multiply(5, 2); // 10
multiply(5, 1); // 5
multiply(5);    // 5

參考資料

預設參數( Default parameters )
JavaScript ES6 Default Function Parameters

次回

預計說明一下迴圈


上一篇
JavaScript Day09 - 物件、陣列與 JSON
下一篇
JavaScript Day11 - 迴圈
系列文
JavaScript 筆記 2 版31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言